{% extends 'base/index.html' %}
{% block top_nav_tool %} border border-danger {% endblock %}
{% block section %}
<div class="container rounded bg-white mt-1">
    <div class="">
        <h5 class="card-title text-truncate">{{ wab.title }}</h5>
        <span class="">
            <i class="fa-solid fa-user"></i>
            {{ wab.eye }}
        </span>
    </div>

    <div class="card-text text-dark">
        {{ wab.content|safe }}
    </div>
    <span class="">
        <i class="fa-solid fa-tag"></i>
          {{ wab.tag }}
    </span>
    {% if wab.is_praise == 1 %}
    <span class="bg-gray-100 text-primary btn border mx-1 mx-5"><i class="fa-solid fa-thumbs-up"></i>
        {{ wab.praise }}</span>
    {% else %}
    <a onclick="replaceback('/tools/{{ wab.id }}/up')" class="bg-gray-300 btn border mx-1 mx-5"><i class="fa-solid fa-thumbs-up"></i>
        {{ wab.praise }}</a>
    {% endif %}
</div>
<div class="container rounded mt-1 mb-3">
    <h4 class="border-bottom">相关推荐</h4>
    <div class="row mt-1">
        {% for i in tuijian %}
        {% if i.id != id %}
        <a href="/tools/{{ i.id }}" class="d-block link-secondary col-md-6 mt-1">
            <div class="info px-3 py-3 border shadow-sm bg-body-tertiary bg-white" style="border-radius: 1rem;">
                <h5 class="card-title text-truncate">{{ i.name }}</h5>
                <p class="card-text text-truncate">{{ i.intor }}</p>
                <span class="">
                    <i class="fa-solid fa-tag"></i>
                    {{ i.tag }}
                </span>
                <span class="">
                    <i class="fa-solid fa-user"></i>
                    {{ i.e }}
                </span>
                <span class="">
                    <i class="fa-solid fa-thumbs-up"></i>
                    {{ i.p }}
                </span>
            </div>
        </a>
        {% endif %}
        {% endfor %}
    </div>
</div>
{% endblock %}
